import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name' | 'color'>

const EmojiHeartWithRibbon: React.FC<Props> = ({ width = '30', height = '30', onClick }) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      onClick={onClick}
    >
      <rect x="0.802734" y="0.27832" width="16" height="16" fill="url(#emoji_heart_with_ribbon)" />
      <defs>
        <pattern
          id="emoji_heart_with_ribbon"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use xlinkHref="#image0_1753_3563" transform="scale(0.00416667)" />
        </pattern>
        <image
          id="image0_1753_3563"
          width="240"
          height="240"
          xlinkHref=""
        />
      </defs>
    </svg>
  )
}

export default EmojiHeartWithRibbon
